<template>
    <div class="global">
    <div class="member">
        <div class="img">
            <img src="../assets/avatar.jpg" style="width: 100px;height: 100px;border-radius: 10px;" alt="" srcset="">
        </div>
        <div class="info">
            <div class="infoname">程序员麻雀</div>
            <div class="infozhiwei">职位：前端开发</div>
            <div>
                <img src="../assets/ewm.jpg" style="width: 300px;height: 300px;" alt="">
            </div>
        </div>

    </div>
</div>
</template>
<style scoped>
.info{
    width: calc(100% - 100px);
    padding-left: 10px;
    box-sizing: border-box;
}
.infozhiwei{
    font-size: 12px;
}
.infoname{
    font-size: 15px;
    font-weight: bold;

}
.member{
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.global{
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
}
</style>